<!DOCTYPE html>
<html>
<head>
      <title>Flood-It! dimas edition</title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	  <link rel="stylesheet" type="text/css" href="style.css">
	  <script src="cookies.js"></script>
	  <script src="statistic.js"></script>
      <script src="map.js"></script>
      <script src="application.js"></script>
      <script src="engine.v3.js"></script>
      <script src="engine.v3.js"></script>
	  <script type="text/javascript">
		 window.onload =function(){ 
			app.init(document.getElementById('place'), 25,25);
			app.start();
		}
	  </script>
</head>
<body>
	<div class="root">
		<div  class="play-panel">
		    <div  class="playWrap">
                <div class="buttons" id="buttons"></div>

                <div class="mapWrap">
                    <table id="place"></table>
                </div>

                <div id="info">
                    <div>
                        <span>Steps:</span>
                        <span id="step">0</span>
                    </div>
                    <div>
                        <span>Score:</span>
                        <span id="score">0</span>
                    </div>
                    <div>
                        <span>Best result:</span>
                        <span id="best">0</span>
                    </div>

                    <div class="chng">
                        <div class="btn">
                            <button id="restart" onclick="app.start()">Restart</button>
                        </div>
                        <div class="settings">
                            <div class="block">
                                <div class="input-label">cols:</div>
                                <input class="cols input" value="5" id="cols_count" />
                            </div>
                            <div class="block">
                                <div class="input-label">rows:</div>
                                <input class="rows input" value="5" id="rows_count" />
                            </div>
                        </div>
                        <div>
                            <div>
                                <span>Games started:</span>
                                <span id="gamesStarted"></span>
                            </div>
                            <div>
                                <span>Games completed:</span>
                                <span id="gamesCompleted"></span>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
            <div class="footer">Dmitriy Sidorenko</div>
		</div>
	</div>
</body>
</html>
